<!DOCTYPE html>
<html>
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>重庆理工111</title>
	</head>
	<body>
		<p>======== 区域标签222 ========</p>
		<div style="border: solid gray 1px">Wellcome!</div>
		<p>你好<span style="color: red">世界</span>！</p>
		<p>======== 标题标签 ========</p>
		<h1>这是 h1 标签</h1>
		<h2>这是 h2 标签</h2>
		<h3>这是 h3 标签</h3>
		<h4>这是 h4 标签</h4>
		<h5>这是 h5 标签</h5>
		<h6>这是 h6 标签</h6>
		<p>======== 超链接标签 ========</p>
		<a href="http://www.sfac.xyz" target="_blank">我的主页</a>
		<p>======== 图片标签 ========</p>
		<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fcdn.gz-qy.com%2Fwp-content%2Fuploads%2F2019%2F01%2F28.jpg&refer=http%3A%2F%2Fcdn.gz-qy.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1657790931&t=415c356e4e759455646f03ea0730ed9e.jpg" alt="这是一张图片" />
		<p>======== 表单标签 ========</p>
		<form action="#">
			<input type="hidden" id="userId" name="userId" value="1" />
			<p>
				<label for="userName">用户名：</label>
				<input type="text" id="userName" name="userName" value="biyin" />
			</p>
			<p>
				<label for="password">密码：</label>
				<input type="password" id="password" name="password" />
			</p>
			<p>
				<label for="sex">性别：</label>
				<input type="radio" name="sex" value="male" checked /> 男
				<input type="radio" name="sex" value="famale" /> 女
			</p>
			<p>
				<label for="love">爱好：</label>
				<input type="checkbox" name="love" value="游泳" checked />游泳
				<input type="checkbox" name="love" value="篮球" checked />篮球
				<input type="checkbox" name="love" value="旅游" />旅游
				<input type="checkbox" name="love" value="瑜伽" />瑜伽
			</p>
			<p>
				<select id="city" name="city">
					<option value="重庆">重庆</option>
					<option value="成都">成都</option>
					<option value="北京">北京</option>
					<option value="上海" selected>上海</option>
					<option value="广州">广州</option>
					<option value="深圳">深圳</option>
				</select>
			</p>
			<p>
				<textarea name="desc" id="desc" cols="20" rows="4"></textarea>
			</p>
			<p>
				<input type="button" name="btn01" value="按钮" />
				<input type="reset" name="btn02" value="重置" />
				<input type="submit" name="btn03" value="提交" />
			</p>
			<p>
				<input type="date" name="currentDate" />
				<input type="number" min="1" max="10" step="2" />
				<input type="email" name="email" />
			</p>
			<p>======== datalist标签 ========</p>
			<p>
				<input list="dl" />
				<datalist id="dl">
					<option value="hujiang">胡江</option>
					<option value="jianghu">江湖</option>
					<option value="hyman">海曼</option>
				</datalist>
			</p>
		</form>
		<p>======== 表格标签 ========</p>
		<table>
			<tr>
				<td>id</td>
				<td>name</td>
				<td>age</td>
			</tr>
			<tr>
				<td>1</td>
				<td>hujiang</td>
				<td>18</td>
			</tr>
			<tr>
				<td>2</td>
				<td>hujiang2</td>
				<td>19</td>
			</tr>
			<tr>
				<td>3</td>
				<td>hujiang3</td>
				<td>20</td>
			</tr>
			<tr>
				<td>4</td>
				<td>hujiang4</td>
				<td>21</td>
			</tr>
		</table>
		<p>======== 列表标签 ========</p>
		<ol start="1">
			<li>这是标签1</li>
			<li>这是标签2</li>
			<li>这是标签3</li>
			<li>这是标签4</li>
		</ol>
		<dl>
			<dt>一级标签1</dt>
			<dd>二级标签1</dd>
			<dd>二级标签2</dd>
			<dd>二级标签3</dd>
			<dt>一级标签2</dt>
			<dd>二级标签4</dd>
			<dd>二级标签5</dd>
			<dd>二级标签6</dd>
		</dl>
		<p>======== 视频标签 ========</p>
		<p>
			<video
				src="http://www.sfac.xyz:8000/videos/study/sfac/Python_Base_01.mp4"
				width="600px;"
				height="400px;"
				controls="controls"
			></video>
		</p>
		<p>======== 表单标签 ========</p>
        <p>======== 表单标签 ========</p>
	</body>
</html>
